<template>
  <div class="bgimg">
    <Header active-index="5" />
    <!-- Breadcrumb Start -->
    <div class="main-bg">
      <div class="subbox">
        <h2 class="title">微网系统</h2>
        <div class="navbox">
          <ul>
            <li><i class="el-icon-arrow-right" />首页</li>
            <li class="active"><i class="el-icon-arrow-right" />微网系统</li>
          </ul>
        </div>
      </div>
    </div>
    <!-- Faq Start -->
    <section style="color: #ccc">
      <div class="container">
        <el-row>
          <el-col :span="24"><h2 class="iq-title">软硬件架构图</h2></el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <img :src="$imgURL + 'ying02.png'" alt="能源区互联交易平台"
          /></el-col>
        </el-row>
        <el-row>
          <el-col :span="24"><h2 class="iq-title">硬件系统</h2></el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="12"
            ><img :src="$imgURL + 'ying01.png'" alt="能源区互联交易平台"
          /></el-col>
          <el-col :span="12"
            ><video width="100%" controls :src="$imgURL + 'yingjian.mp4'"
          /></el-col>
        </el-row>
      </div>
    </section>
    <!-- Faq End -->
    <Footer />
  </div>
</template>

<script>
import Header from "@/components/header/index.vue";
import Footer from "@/components/footer/index.vue";
import Login from "@/components/login/index.vue";
import Reg from "@/components/reg/index.vue";
import Release from "@/components/release/index.vue";
export default {
  components: {
    Header,
    Footer,
    Login,
    Reg,
    Release,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style scoped>
</style>
